<template>
  <admin-layout
    mode="vertical"
    :is-mobile="false"
    scroll-mode="wrapper"
    :full-content="appStore.contentFull"
    fixed-top
    :header-height="56"
    tab-visible
    :tab-height="44"
    sider-visible
    :sider-collapse="appStore.menuCollapse"
    :sider-width="220"
    :sider-collapsed-width="64"
    :footer-visible="false"
    fixed-footer
  >
    <template #header>
      <global-header />
    </template>
    <template #tab>
      <global-tab />
    </template>
    <template #sider>
      <aside-menu />
    </template>
    <global-content />
  </admin-layout>

  <n-back-top :right="100" />
</template>

<script setup lang="ts">
import { AdminLayout } from "@soybeanjs/vue-materials";
import {
  AsideMenu,
  GlobalHeader,
  GlobalTab,
  GlobalContent,
} from "../components";
import { useAppStore } from "@/store";

const appStore = useAppStore();
</script>
